<template>
  <div>
    <button>123111111111</button>
    <span @click="$emit('father',refVal)">22222222222</span>
    {{props.shdgf}}
    {{props.title}}
  </div>
</template>
<script setup>
import {
  computed,
  ref,
  reactive,
  onMounted,
  watchEffect,
  defineEmits
} from "vue";
const emit = defineEmits("father");
const refVal = ref(100);
// onMounted(()=>{
//   emit("father",refVal)
// })
const props = defineProps({
  litsObj: {
    type: Object,
    default(rawProps) {
      console.log(rawProps,7890);
      return { message: "hello" };
    }
  },
  shdgf: {
    validator(value) {
      return ['success', 'warning', 'danger'].includes(value)
    }
  },
  title:{
    type:[String,Boolean]
  }
});
console.log(props.litsObj,props.shdgf,props.title,630000);
</script>